.containerWapper {
  height: 100vh;
  background-color: #f7f6ff;
  background-image: url('https://hxgywx.oss-cn-shenzhen.aliyuncs.com/hxt-wxminiprogram/home_header_bg.png');
  background-repeat: no-repeat;
  background-size: 100% 850px;
  ::-webkit-scrollbar {
    display: none;
    width: 0 !important;
  }
}
// 最外层wapper样式
.container {
  position: relative;
  // width: 100vw;
  min-height: 100vh;
  background-color: #f7f6ff;
  border-radius: 48px 48px 0 0;
  ::-webkit-scrollbar {
    display: none;
    width: 0 !important;
  }
}

// 顶部的样式
.topHeader {
  padding: 0 20px;
  &::before {
    display: table;
    content: '';
  }
}

// 滚动的时候用于固定的顶部
.fixedHeader {
  position: fixed;
  top: 0;
  z-index: 2;
  width: calc(100% - 40px);
  height: 250px;
  padding: 0 20px 20px 20px;
  background-image: url('https://hxgywx.oss-cn-shenzhen.aliyuncs.com/hxt-wxminiprogram/home_top_bg.png');
  background-size: cover;
  &::before {
    display: table;
    content: '';
  }
}

// 展示当前的信息确认框的内容
.extendsPickerWapper {
  > view {
    &:nth-child(2) {
      width: calc(100% - 80px) !important;
      padding: 40px;
      background-color: transparent;
      > view {
        background-color: #fff;
        border-radius: 24px;
      }
    }
  }
}
